.animation_ {
    animation: jumpBoxHandler 5s infinite;
    /* 1.8s 事件完成时间周期 infinite无限循环 */
}

.animation_to {
    /* position: absolute;
  bottom: 15%;
  left: 50%; */
    transform: translate(-50%, -50%);
    background-size: contain;
    animation-name: beat;
    /*动画名称*/
    animation-duration: .5s;
    /*设置秒数*/
    animation-timing-function: linear;
    /*速度曲线*/
    animation-iteration-count: infinite;
    /*播放次数*/
    animation-direction: alternate;
    /*逆向播放*/
    animation-play-state: running;
    /*正在运行*/
}

@keyframes jumpBoxHandler {

    /* css事件 */
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, 30px);
        /* 可配置跳动方向 */
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes beat {
    0% {
        bottom: 15%;
    }

    100% {
        bottom: 10%;
    }
}